:root {
  /* 颜色 */
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-text: #111827; /* gray-900 */
  --color-text-secondary: #6b7280; /* gray-500 */
  --color-primary: #3b82f6; /* blue-500 */
  --color-border: #e5e7eb; /* gray-200 */

  /* 排版 */
  --font-family-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;

  /* 圆角/阴影/间距 */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px; /* 对应 rounded-2xl 约 16px */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.08);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
}

html[data-theme="dark"] {
  --color-bg: #0b0f17;
  --color-surface: #111827;
  --color-text: #e5e7eb;
  --color-text-secondary: #9ca3af;
  --color-primary: #60a5fa;
  --color-border: #1f2937;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.45);
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
}


